﻿@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
*
* (en) Template for designing a screen layout
* (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
*
* @copyright       Copyright 2005-2007, Dirk Jesse
* @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         3.0.1
* @revision        $Revision: 92 $
* @lastmodified    $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $
*/

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background-color: #999999; }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { margin 12px; background-color: #fff; }
  #page{ min-width: 740px; max-width: 80em;  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { width: 100%;
            height: 135px;
            background: #e9e9e9;
          }
  #topnav { background-color: #e9e9e9; }

  #main {  }

  #footer { background-color: #666666; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  
  #col1_content { padding: 10px 10px 10px 5px; 
                  background-color: #E0E0E0;
                  width: 156px;
                  }
  
  #col2_content { padding: 10px 20px 10px 10px;
                  background-color: #F0F0F0; }

  #col3_content { padding: 10px;
                  background-color: inherited; }


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #main_logo {
           position: relative;
           top: 4px;
           left: 4px;
           
  }
  
  #seiten_titel { position: absolute;
                  background: url(http://thomasgoersch.frankmattes.de/assets/icons/Galerien_NBanner.gif);
                  left: 232px;
                  bottom: 60px;
                  display: block;
                  width: 600px;
                  height: 60px;
  }
  #seiten_titel h1 { position: relative;
                  font-size: 32px;
                  color: #e90033;
                  top: -1000px;
  }
            
}
   